

body {
	overflow-x: hidden;
}
#head {
	height: 66px;
	background: #282828;
	position: relative;
	.logo {
		width: 140px;
		height: 50px;
		margin-top: 8px;
		// background: #333;
		float: left;
		a {
			img {
				width: 140px;
			}
		}
	}
	.nav {
		float: left;
		ul {
			margin-left: 140px;
			li {
				float: left;
				padding: 0 34px;
				font-size: 14px;
				line-height: 66px;
				a {
					color: #fff; 
				}
				a:hover {
					color: #999; 
				}
			}
		}
	}
	.search {
		margin: 15px 0 0 50px;
		float: left;
		position: relative;
		form {
			input[type="text"] {
				width: 155px;
				height: 31px;
				border: none;
				border-radius: 15px;
				background: #333;
				padding-left: 17px;
				line-height: 31px;
				color: #fff;
			}
			button {
				width: 15px;
				height: 15px;
				border: none;
				position: absolute;
				right: 20px;
				top: 9px;
				background: none;
				color: #ccc;
				
				cursor: pointer;
			}
		}
	}
	.box_cont {
		float: right;
		height: 66px;
		width: 130px;
		.login {
			width: 65px;
			height: 100%;
			float: left;
			position: relative;
			a.login_btn {
				display: block;
				text-align: center;
				line-height: 65px;
				font-size: 18px;
				color: #fff;
			}
			div.login_box {
				position: absolute;
				top: 50px;
				left: -195px;
				z-index: 9999999;
				padding: 31px 0 6px;
				display: none;
				b.jiaobiao {
					font-weight: normal;
					position: absolute;
					top: 15px;
					right: 20px;
					border-width: 8px;
					border-style: solid;
					border-color: transparent transparent #353536 transparent;
				}
				ul {
					width: 260px;
					background: #2E2E2E;
					padding: 10px 0 10px ;
					li {
						height: 62px;
						line-height: 62px;
						font-size: 14px;
						a {
							display: block;
							line-height: 62px;
							color: #ffffff;
							font-weight: 300;
							letter-spacing: 1px;
							padding: 0 20px;
							transition: color .3s;
							i {
								margin-right: 10px;
								color: #ccc;
								transition: color .3s;
							}
						}
						a:hover {
							color: #666;
							i {
								color: #555;
							}
						}
					}
					li:first-child {
						text-align: center;
						a {
							display: block;
						}
					}
					li.divider {
						height: 0;
						margin: 3px 11px;
						border-bottom: 1px solid #666;
					}
					li.newstyle {
						height: 100px;
						position: relative;
						a.user_login_btn {
							display: inline-block;
							height: 36px;
							width: 125;
							border-radius: 18px;
							background: red;
							color: #fff;
							line-height: 36px;
						}
						p {
							position: absolute;
							top: 50px;
							height: 50px;
							width: 100%;
							text-align: center;
							span {
								color: #ccc;
							}
							a.user_sign_btn {
								display: inline;
								color: red;
							}
						}
					}
				}
			}
		}
		.shopcar {
			width: 65px;
			height: 100%;
			float: left;
			position: relative;
			#shop_count {
				position: absolute;
				top: 15px;
				left: 40px;
				width: 20px;
				height: 20px;
				border-radius: 50%;
				background: red;
				color: #fff;
				font-size: 10px;
				line-height: 20px;
				text-align: center;
				display: none;
			}
			a {
				display: block;
				text-align: center;
				line-height: 65px;
				font-size: 18px;
				color: #fff;
				// background: url(../static/img/shopcar.png) no-repeat center;
			}
			div.shopcar_box {
				position: absolute;
				top: 80px;
				left: -255px;
				width: 280px;
				padding: 20px;
				// height: 140px;
				background: #353536;
				z-index: 9999999;
				display: none;
				b.jiaobiao {
					font-weight: normal;
					position: absolute;
					top: -16px;
					right: 25px;
					border-width: 8px;
					border-style: solid;
					border-color: transparent transparent #353536 transparent;
				}
				div.shopcar_box_cont {
					text-align: center;
					padding-top: 20px;
					color: #666;
					p.shopcar_ico {
						i {
							font-size: 60px;
						}
						
					}
					ul {
						li {
							color: #fff;
							text-align: left;
							height: 130px;
							border-bottom: 1px solid #999;
							.shopcar_img {
								width: 80px;
								height: 80px;
								float: left;
								img {
									width: 80px;
								}
							}
							.shopcar_cont {
								float: left;
								width: 200px;
								height: 100%;
								h3 {
									height: 90px;
									font-size: 16px;
									font-weight: normal;
								}
								p {
									text-align: left;
									font-size: 14px;
									span {
										font-size: 12px;
										float: right;
									}
								}
							}
						}
					}
					.shop_car_bottom {
						height: 30px;
						margin-top: 20px;
						color: #fff;
						.t_price {
							float: left;
							span {
								font-size: 20px;
							}
						}
						a {
							float: right;
							width: 110px;
							height: 30px;
							border-radius: 15px;
							background: red;
							color: #fff;
							font-size: 12px;
							text-align: center;
							line-height: 30px;
						}
					}
				}
			}
		}
	}
	.head_banner {
		position: absolute;
		top: 66px;
		height: 0;
		width: 100%;
		background: rgba(0,0,0,.9);
		z-index: 999999999;
		overflow: hidden;
		// display: none;
		ul {
			padding: 50px 30px;
			li {
				width: 190px;
				float: left;
				text-align: center;
				a {
					display: inline-block;
					color: #fff;
					img {
						height: 100px;
					}
				}
				p {
					padding-top: 20px;
				}
			}
		}
	}
}


#foot {
	background: #efeeeb; 
	.container {
		height: 385px;
		dl {
			float: left;
			width: 260px;
			margin-top: 65px;
			dt {
				font-size: 18px;
				color: #666;
				line-height: 44px;
			}
			dd {
				font-size: 12px;
				color: #666;
				line-height: 22px;
				a {
					color: #666;
				}
				a:hover {
					color: #e83100;
				}
				span {
					display: block;
					height: 22px;
					float: left;
					width: 25px;
					background: url(../static/img/phonecall.png) no-repeat center left;
				}
				p.foot_color {
					color: #b6b5c0;
				}
				a.foot_kefu {
					margin-top: 15px;
					display: block;
				}
			}
		}
	}
}

#copyright {
	background: #fff;
	.container {
		height: 232px;
		background: #fff;
		text-align: center;
		.foot_logo {
			a {
				display: inline-block;
				margin-top: 15px;
				img {
					width: 105px;
				}
			}
		}
		.foot_ww {
			width: 80px;
			height: 34px;
			margin: 13px auto;
			a {
				display: block;
				width: 34px;
				height: 34px;
			}
		}
		.foot_links {
			font-size: 10px;
			line-height: 20px;
			margin-top: 10px;
			span {
				color: #898989;
				margin: 0 12px;
			}
			a {
				color: #898989;
				margin: 0 12px;
			};
			a:last-child {
				width: 87px;
				height: 22px;
				display: inline-block;
				border-radius: 11px;
				background: #eee;
				span {
					display: inline-block;
					width: 16px;
					height: 12px;
					background: url(../static/img/china_img.png) no-repeat center;
					margin: 0 2px 0 0;
					vertical-align: middle;
				}
			}
		}
		.foot_beian {
			font-size: 10px;
			line-height: 10px;
			margin-top: 12px;
			a {
				color: #898989;
			}
		}
		.foot_renzheng {
			margin-top: 8px;
			a {
				display: inline-block;
			}
		}
	}
}